<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>合同收取定金</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="<%=basepath%>css/index.css" rel="stylesheet" type="text/css">
    <link href="<%=basepath%>css/platform.css" rel="stylesheet" type="text/css">
    <script src="<%=basepath%>js/jquery-1.8.3.min.js"></script>
    <script src="<%=basepath%>js/layer/layer.js"></script>
</head>
<body>
<div class="viewport">
    <div class="header">
       <div class="header-1">
           <a href="javascrpt:void(0)" id="join" class="header-2">
              <span id="account" class="account">${empty user.realName ? '' : user.realName}</span>&nbsp;&nbsp;<span id="deptName" class="deptName">${user.departmentName}</span>
           </a>
           <a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=store&prefix=3g_platform_shop-rent_op&entrance=yes" class="back" id="back">返回</a>
           <span class="span-num">WWP33200</span>
       </div>
    </div>
    <div class="content m-top">
        <div class="sr-1">
            <div class="sr-1-1"><span style="float:left;font-size:12px;"><span>${topMarket}</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>${storeRemark}</span></span><span style="position:absolute;left:50%;font-size:12px;"><b>${fatherName}</b>&nbsp;&nbsp;&nbsp;&nbsp;<b>${storeName}</b></span></span></div>
        </div>
        <div class="blank"></div>
        <form method="post" id="myForm" action="/wape-web/api/core/centerService">
        <input type="hidden" name="serviceCode" value="MMZS24102" />
        <input type="hidden" name="fatherType" value="${fatherType}" />
        <input type="hidden" name="storeId" value="${storeId}" />
        <input type="hidden" name="storeName" value="${storeName}" />
        <div class="layout3-1" style="font-size:12px;">
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>合同编号：</span></td>
                       <td><input type="text" name="contractNum" value="${leasing.contractNum}" id="require-1" readonly="readonly" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>合同名称：</span></td>
                       <td><input type="text" value="${leasing.contractName}" readonly="readonly" id="require-2" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>租售状态：</span></td>
                       <td>
                       		<c:if test="${leasing.tenantState eq '1'}">
                       			<input type="text" value="已出租" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '2'}">
                       			<input type="text" value="已出售" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '3'}">
                       			<input type="text" value="等待出租" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '4'}">
                       			<input type="text" value="等待出售" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '5'}">
                       			<input type="text" value="自营物业" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '6'}">
                       			<input type="text" value="出租预订+已交定金" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '7'}">
                       			<input type="text" value="出售预定+已交定金" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '8'}">
                       			<input type="text" value="出租预定+未交定金" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '9'}">
                       			<input type="text" value="出售预定+未交定金" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '10'}">
                       			<input type="text" value="公共设施" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.tenantState eq '11'}">
                       			<input type="text" value="物业维修中" readonly="readonly" id="select-1" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       </td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>租金方式：</span></td>
                       <td>
                       		<c:if test="${leasing.contractMode eq '10'}">
                       			<input type="text" value="保证金+整年租" readonly="readonly" id="select-2" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractMode eq '20'}">
                       			<input type="text" value="保证金+半年租" readonly="readonly" id="select-2" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractMode eq '30'}">
                       			<input type="text" value="保证金+月度租金" readonly="readonly" id="select-2" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractMode eq '40'}">
                       			<input type="text" value="保证金+季度租金" readonly="readonly" id="select-2" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       </td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>租赁周期：</span></td>
                       <td>
                       		<c:if test="${leasing.contractType eq '10'}">
                       			<input type="text" value="半年" readonly="readonly" id="select-3" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractType eq '20'}">
                       			<input type="text" value="一年" readonly="readonly" id="select-3" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractType eq '30'}">
                       			<input type="text" value="两年" readonly="readonly" id="select-3" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractType eq '40'}">
                       			<input type="text" value="三年" readonly="readonly" id="select-3" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractType eq '50'}">
                       			<input type="text" value="五年" readonly="readonly" id="select-3" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractType eq '60'}">
                       			<input type="text" value="十年" readonly="readonly" id="select-3" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractType eq '70'}">
                       			<input type="text" value="二十年" readonly="readonly" id="select-3" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractType eq '80'}">
                       			<input type="text" value="二十六年" readonly="readonly" id="select-3" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       </td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>合同状态：</span></td>
                       <td>
                       		<c:if test="${leasing.contractState eq '10'}">
                       			<input type="text" value="正式合同执行中" readonly="readonly" id="select-4" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractState eq '20'}">
                       			<input type="text" value="临时协议" readonly="readonly" id="select-4" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractState eq '30'}">
                       			<input type="text" value="合同终止" readonly="readonly" id="select-4" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       		<c:if test="${leasing.contractState eq '40'}">
                       			<input type="text" value="挪铺位" readonly="readonly" id="select-4" style="border:none;height:30px;width:100%;">
                       		</c:if>
                       </td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:90px;"><span>合同签订时间：</span></td>
                       <td><input type="text" value="${leasing.tenantday}" readonly="readonly" id="demo" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:90px;"><span>合同生效时间：</span></td>
                       <td><input type="text" value="${leasing.hiredate}" readonly="readonly" id="demo2" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:90px;"><span>合同失效时间：</span></td>
                       <td><input type="text" value="${leasing.closingday}" readonly="readonly" id="demo3" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>商户姓名：</span></td>
                       <td><input type="text" value="${leasing.tenantName}" readonly="readonly" id="require-3" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>电 &nbsp;&nbsp;&nbsp;&nbsp;&ensp;话：</span></td>
                       <td><input type="text" value="${leasing.tenantPhone}" readonly="readonly" id="require-4" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:75px;"><span>身份证号码：</span></td>
                       <td><input type="text" value="${leasing.idNum}" readonly="readonly" id="require-5" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>商铺名称：</span></td>
                       <td><input type="text" value="${leasing.tenantCompanyName}" readonly="readonly" id="require-6" style="border:none;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="blank-b"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:65px;"><span>定金收缴：</span></td>
                       <td style="width:80px;"><input type="text" name="deposit" id="deposit" style="height:20px;width:80px;text-align:right;"></td>
                       <td>&nbsp;&nbsp;元</td>
                   </tr>
                </table>
            </div>
            <div class="blank-b"></div>
            <div class="layout3-1-1" style="height:auto;line-height:auto; overflow:hidden;">
               <textarea rows="" cols="" name="remark" placeholder="备注：" style="width:99%;position:relative;top:7px;"></textarea>
            </div>
        </div>
        <div class="blank-zb"></div>
        <div class="ci-1">
           <div class="ci-1-1"><a href="javascript:void(0)" class="submit" id="submit">确认缴费</a></div>
        </div>
        </form>
        <div class="space"></div>
    </div>
</div>
</body>
<script type="text/javascript">
     /*错误提示*/
     $(function(){
         var error = "${requestScope.returnMsg}";
         if(error != "" && error != "成功!"){
             layer.msg(error,{shadeClose:true,shade:0.1,time:2000});
         }
     });
     /*提交*/
     $(function(){
    	 $("#submit").click(function(){
    		 layer.confirm('确认缴费？',{
                 icon: 3,
                 title:'缴费'
             },function(sure){
                 layer.closeAll();
                 $("#myForm").submit();
             });
    	 });
     });
     /*提交表单*/
     $("#myForm").submit(function(){
         var deposit = $("#deposit").val();
         if(deposit == ""){
             layer.msg("请输入定金",{shadeClose:true,shade:0.1,time:2000});
             return false;
         }
         else{
             layer.load();
             setTimeout(function(){
                 layer.closeAll();
                 layer.msg("网络异常，请重新尝试！",{shadeClose:true,shade:0.1,time:2000});
             }, 30000);
         }
     });
</script>
</html>


